@charset "utf-8";
/* CSS Document */
body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-color:#F1F1F1
}
ul,li {
	list-style:none;
	margin:0;
	padding:0
}
img {
	border:0;vertical-align:middle
}
.none {
	display:none
}

.taoplus {
	position:fixed;
	border-left:1px solid transparent;
	bottom:0;
	left:0;
	z-index:99;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transform:translate3d(0,0,0);
	user-select:none;
	highlight-color:rgba(0,0,0,0);
	transform:translate3d(0,0,0);
}
.taoplus .tpbtn,.taoplus .icontao,.taoplus .iconlogis,.taoplus .iconww,.taoplus .iconcar,.taoplus .tpicons,.taoplus .cart span {
	background:url(../images/sprite1.png) no-repeat;
	background-size:195px 274px
}
.taoplus .more .bg,.taoplus .logis .bg,.taoplus .ww .bg,.taoplus .user_btn .bg,.taoplus .car .bg,.taoplus .menu .bg,.taoplus .tplogo .bg {
	background:url(../images/sprite2.png) no-repeat;
	background-size:216px 212.5px
}
.taoplus .tpbtn {
	position:relative;
	width:54px;
	height:54px
}
.taoplus .tpbtn.on {
	background-position:1px -197px
}
.taoplus .tpbtn.off {
	background-position:-55.2px -197px
}
.taoplus .tpbtn.off .num {
	display:none
}
.taoplus .tpbtn .num {
	position:absolute;
	right:0;
	top:3px;
	width:18px;
	height:18px;
	line-height:18px;
	font-size:.86rem;
	text-align:center;
	color:#f40;
	font-weight:700;
	background-color:rgba(255,255,255,.8);
	border-radius:200px;
	-webkit-border-radius:200px
}
.taoplus .tpbtn div {
	position:absolute;
	left:8px;
	top:8px;
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:200px;
	-webkit-border-radius:200px
}
.taoplus .tpbtn ul {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	overflow:hidden
}
.taoplus .tpbtn ul li {
	width:40px;
	height:40px;
	float:left;
	overflow:hidden
}
.taoplus .tpbtn .icontao {
	background-position:-108px -198px
}
.taoplus .tpbtn .iconlogis {
	background-position:-148px -198px
}
.taoplus .tpbtn .iconww {
	background-position:-106px -238px
}
.taoplus .tpbtn .iconcar {
	background-position:-146px -236px
}
.taoplus .tpbtn .iconact {
	-webkit-animation:iconaction .2s linear 5;
	animation:iconaction .2s linear 5;
}
@-webkit-keyframes iconaction {
	0% {
	margin-top:0
}
50% {
	margin-top:5px
}
100% {
	margin-top:0
}
}.taoplus .circle {
	position:absolute;
	left:30px;
	bottom:30px;
	width:195px;
	height:195px;
	overflow:hidden;
	-webkit-transition:all linear .15s;
	transition:all linear .15s
}
.taoplus .circle.show {
	opacity:1;
	-webkit-transform:translate(0px,0) scale(1);
	transform:translate(0px,0) scale(1);
	pointer-events:auto
}
.taoplus .circle.hide {
	opacity:0;
	-webkit-transform:translate(-100px,100px) scale(0.2);
	transform:translate(-100px,100px) scale(0.2);
	pointer-events:none
}
.taoplus .tpicons {
	position:absolute;
	right:0;
	top:0;
	width:195px;
	height:195px;
	overflow:hidden
}
.taoplus .tpicons ul li {
	position:absolute
}
.taoplus .tpicons a {
	display:inline-block;
	position:absolute;
	width:40px;
	height:30px
}
.taoplus .tpicons a .num {
	position:absolute;
	width:15px;
	height:15px;
	font-size:.86rem;
	text-align:center;
	background:#f40;
	color:#fff;
	border-radius:200px;
	-webkit-border-radius:200px
}
.taoplus .tpicons a+.bg {
	display:block;
	height:100%;
	background-position:-100px 100px
}
.taoplus .tpicons .more {
	right:22px;
	bottom:9px;
	width:76px;
	height:64px
}
.taoplus .tpicons .more a {
	top:20px;
	left:10px
}
.taoplus .tpicons .more a:hover+.bg {
	background-position:0 0
}
.taoplus .tpicons .logis {
	left:22px;
	bottom:10px;
	width:78px;
	height:63px
}
.taoplus .tpicons .logis a {
	top:20px;
	left:30px
}
.taoplus .tpicons .logis a .num {
	top:-3px;
	left:-8px
}
.taoplus .tpicons .logis a:hover+.bg {
	background-position:-80px 0
}
.taoplus .tpicons .ww {
	left:9px;
	top:54px;
	width:51px;
	height:91px
}
.taoplus .tpicons .ww a {
	top:30px;
	left:0
}
.taoplus .tpicons .ww a .num {
	top:0;
	left:8px
}
.taoplus .tpicons .ww a:hover+.bg {
	background-position:-165px 0
}
.taoplus .tpicons .user_btn {
	left:20px;
	top:10px;
	width:79px;
	height:67.5px
}
.taoplus .tpicons .user_btn a {
	top:15px;
	left:25px
}
.taoplus .tpicons .user_btn a:hover+.bg {
	background-position:0 -67.5px
}
.taoplus .tpicons .car {
	right:20px;
	top:10px;
	width:77px;
	height:69px
}
.taoplus .tpicons .car a {
	top:15px;
	left:15px
}
.taoplus .tpicons .car a .num {
	top:0;
	left:18px
}
.taoplus .tpicons .car a:hover+.bg {
	background-position:0 -140px
}
.taoplus .tpicons .menu {
	right:10px;
	top:56px;
	width:51px;
	height:91px
}
.taoplus .tpicons .menu a {
	top:25px;
	left:10px;
	z-index:99
}
.taoplus .tpicons .menu a:hover+.bg {
	background-position:-165px -95px;
}
.taoplus .tplogo {
	position:absolute;
	left:58px;
	top:58px;
	width:81px;
	height:82px
}
.taoplus .tplogo a {
	position:absolute;
	left:15px;
	top:15px;
	display:block;
	width:50px;
	height:50px;
	background-position:-100px 100px;
	text-indent:-999px;
	z-index:1
}
.taoplus .tplogo a+.bg {
	position:absolute;
	width:82px;
	height:82px;
	left:0;
	top:0;
	background-position:-100px 100px;
	z-index:0
}
.taoplus .tplogo a:hover+.bg {
	background-position:-84px -67px
}
#J_Shade {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	opacity:.2;
	-webkit-transform:translate3d(0,0,0);
	webkit-transform:translate3d(0,0,0);
	z-index:97
}
